<template>
  <div class="log-management">
    <img src="./pic5.png" alt="电站图片" style="margin: 0.12rem 0;display: block; width: 100%;" />
    <img src="./pic6.png" alt="电站图片" style="margin: 0.12rem 0;display: block; width: 100%;" />
    <Pagination v-model:current-page="pagination.currentPage" v-model:page-size="pagination.pageSize"
      :total="pagination.total" @size-change="handleSizeChange" @current-change="handlePageChange" />
  </div>
</template>

<script lang="ts" setup>
import { ref } from 'vue';
import Pagination from '@/components/Pagination.vue';
// 分页配置
const pagination = ref({
  total: 50,
  pageSize: 10,
  currentPage: 1
});

// 搜索
const handleSearch = () => {
  console.log('搜索条件:', searchForm.value);
};

// 每页条数变化
const handleSizeChange = (size: number) => {
    pagination.value.pageSize = size;
    console.log('每页条数:', size);
};

// 页码变化
const handlePageChange = (page: number) => {
    pagination.value.currentPage = page;
    console.log('当前页:', page);
};
</script>

<style lang="scss" scoped>
.log-management {
}
</style>
